<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订餐管理系统</title>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
	<!--[if IE 7]>
	<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
	<![endif]-->
	<link rel="stylesheet" href="assets/css/ace.min.css" />
	<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        .header{
            width: 100%;
            height: 150px;
            background-color: #438eb9;
            margin-bottom: 0;
            margin-top: 0;
        }
        .header>div{
            width: 1400px;
            margin: 0 auto;
            position: relative;
        }
        .author{
            width: 350px;
        }
        .header>div>div{
            width: 200px;
            position: relative;
            float: right;
            margin-top: 45px;
        }
        .uimage{
            width: 60px;
            height: 60px;
            border-radius: 30px;
            border: 1px solid #fff;
        }
        .uname{
            color: #fff;
            position: absolute;
            top: 0;
            bottom: 0;
            line-height: 60px;
            left: 75px;
            cursor: pointer;
        }
        body{
            font-size: 18px;
            color: #585858;
            font-family: kaiti;
        }
        #userinfo{
            display: none;
            width: 280px;
            background-color: #438eb9;
            border: 1px solid #fff;
            position: absolute;
            top: 64px;
            right: 29px;
            border-radius: 20px;
        }
        .uimage-big{
            display: block;
            width: 100px;
            height: 100px;
            border-radius: 50px;
            margin: 10px  auto;
            border: 1px solid #fff;
        }
        .uname2{
            text-align: center;
            color: #fff;
        }
        #userinfo>.exit{
            height: 30px;
            background-color: #f9f9f9;
            text-align: right;
            margin-top: 11px;
            border-radius: 20px;
        }
        #userinfo>.exit>span{
            font-size: 18px;
            margin-right: 20px;
            border: 1px solid #585858;
            line-height: 30px;
            padding: 2px 4px;
            border-radius: 20px;
            cursor: pointer;
        }
        #userinfo>.exit>span:hover{
            background-color: #eee;
        }
        .body>.menu_style{
        	width: 190px;
        	height: 800px;
            background-color: #eee;
            float: left;
        }
        .body>.main-content{
        	background-color: pink;
            height: 800px;
        }
        .footer{
            background-color: #438eb9;
            width: 100%;
            height: 30px;
            text-align: center;
            color: #fff;
            line-height: 30px;
        }
        #nav_list>li>a{
        	font-size: 16px;
        }
        .nav-list li .submenu{
        	overflow: hidden;
        }
        .breadcrumb>li>a{
        	font-size: 16px;
        }
    </style>
    <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){          //文档就绪函数
    		$('.uname').click(function(){
    			$("#userinfo").toggle(1000);
    		});
    	
    		$('.exit>span').click(function(){
    			alert("退出登录");
    		});
    		$('.dropdown-toggle').click(function(){
				$(this).next().toggle(1000);
			})
    	});
    </script>
</head>
<body>
    <div class="header">
        <div>
            <img src="images/name.png" class="project">
            <img src="images/class.png" class="author">
            <div>
                <img src="images/user.jpg" class="uimage">
                <span class="uname">管理员</span>
            </div>
            <div id="userinfo">
                <img src="images/user.jpg" class="uimage-big">
                <div class="uname2">管理员</div>
                <div class="exit">
                    <span>退出</span>
                </div>
            </div>
        </div>
    </div>
    <div class="body">
		<div id="menu_style" class="menu_style" tabindex="5000"
			style="overflow: hidden; outline: none;">
			<ul class="nav nav-list" id="nav_list" style="height: 475px;">
				<li class="home"><a href="javascript:void(0)" name="home.html"
					class="iframeurl" title=""> <i class="icon-home"></i> <span
						class="menu-text"> 系统首页 </span>
				</a></li>
				<li><a href="#" class="dropdown-toggle"> <i
						class="icon-desktop"></i> <span class="menu-text"> 用户管理 </span> <b
						class="arrow icon-angle-down"> </b>
				</a>
					<ul class="submenu" id="Sort_link_0" style="">
						<li class="home" style="height: 36.6667px;"><a
							href="javascript:void(0)" name="Products_List.html" title="添加用户"
							class="iframeurl"><i class="icon-double-angle-right"></i>添加用户</a></li>
						<li class="home" style="height: 36.6667px;"><a
							href="javascript:void(0)" name="Brand_Manage.html" title="用户列表"
							class="iframeurl"><i class="icon-double-angle-right"></i>用户列表</a></li>
						<li class="home" style="height: 36.6667px;"><a
							href="javascript:void(0)" name="Category_Manage.html"
							title="分类管理" class="iframeurl"><i
								class="icon-double-angle-right"></i>分类管理</a></li>
					</ul></li>
				<li><a href="#" class="dropdown-toggle"><i
						class="icon-picture "></i><span class="menu-text"> 菜品管理 </span><b
						class="arrow icon-angle-down"></b></a>
					<ul class="submenu" id="Sort_link_1" style="">
						<li class="home" style="height: 36.5px;"><a
							href="javascript:void(0)" name="advertising.html" title="添加菜品"
							class="iframeurl"><i class="icon-double-angle-right"></i>添加菜品</a></li>
						<li class="home" style="height: 36.5px;"><a
							href="javascript:void(0)" name="Sort_ads.html" title="分类管理"
							class="iframeurl"><i class="icon-double-angle-right"></i>查看菜品</a></li>
					</ul></li>
				<li><a href="#" class="dropdown-toggle"> <i
						class="icon-list"></i><span class="menu-text"> 订单管理 </span><b
						class="arrow icon-angle-down"></b></a>
					<ul class="submenu" id="Sort_link_2" style="">
						<li class="home" style="height: 36.5px;"><a
							href="javascript:void(0)" name="transaction.html" title="添加订单"
							class="iframeurl"><i class="icon-double-angle-right"></i>添加订单</a></li>
						<li class="home" style="height: 36.5px;"><a
							href="javascript:void(0)" name="Order_Chart.html" title="查看订单"
							class="iframeurl"><i class="icon-double-angle-right"></i>查看订单</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="index.html">首页</a>
							</li>
							<li class="active"><span class="Current_page iframeurl" name="home.html" style="color: rgb(51, 51, 51); cursor: default;"></span></li>
                            <li class="active" id="parentIframe" style="display: none;"><span class="parentIframe iframeurl"> </span></li>
							<li class="active" id="parentIfour" style="display: none;"></li>
						</ul>
					</div>
			<iframe id="iframe" style="border: 0px; width: 100%; background-color: rgb(255, 255, 255);
			 height: 759px;" name="iframe" frameborder="0" src="user.html">
			</iframe>
		</div>
	</div>
    <div class="footer">
    	Copy 2023 xxxxxxxxx  联系我:QQ号2631712181@qq.com
    </div>
</body>
</html>